<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>“SharedMemories”共同记忆</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keyword" content="地图，supermap，标记，开源平台">
    <link rel="stylesheet" href="style1.css">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="320" name="MobileOptimized">
<script type="text/javascript">
    if (window.location.toString().indexOf('pref=padindex') != -1) { } else {
        if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
            if (window.location.href.indexOf("?mobile") < 0) {
                try {
                    if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                        window.location.href = "手机端链接";
                    } else if (/iPad/i.test(navigator.userAgent)) {
                    } else {
                    }
                } catch (e) {
                }
            }
        }
    }
</script>    
</head>
<body>
    
    <ul class="w3-bar w3-border w3-card-4 w3-light-grey" >
        <!-- <li id="zhugan" ><a href="#">&emsp;&emsp;Shared Memories&emsp;&emsp;</a></li> -->
        <li><a href="主页.HTML" class="w3-bar-item w3-button">&emsp;主页&emsp;</a></li>
        <li><a href="参与.html" class="w3-bar-item w3-button">&emsp;参与&emsp;</a></li>
        <li><a href="支持.html" class="w3-bar-item w3-button">&emsp;支持&emsp;</a></li>
        <li><a href="鼓励我们.html" class="w3-bar-item w3-button">&emsp;鼓励我们&emsp;</a></li>
      </ul>
      <h1 >
          <br>
          <p id="t1">“Shared Memories”共同记忆</p>
          <P id="t2">————人人都可参与的人文记录平台</P>
          <br>
        </h1>
        <br>
        <p id="b1" center >什么是“Shared Memories”?</p>
        <div id="b2">
            Shared Memories是一个xxxxxxx的平台
            <div>
                Shared Memories是一个xxxxxxx的平台Shared Memories是一个xxxxxxx的平台
                <div>
                    使用Shared Memories平台，你能够XXXXXXXX，xxxxxx并且xxxxxx
                </div>
            </div>
        </div>
        <br>
        <hr>
        <br>
        <div class="text">
            <div class="photo1"><img src="/图片/82291764_p0_master1200.jpg" height="500" ></div>
            <div class="text1">
                <h3>介绍1</h3>
                <p class="first-words">
                    这里可以插入一段介绍
                    <p class="second-words">
                        用于介绍左侧图片意义
                        <p class="third-words">
                            由于本人水平问题请使用p换行
                            <p class="four-words">
                                图片大小可以改，文本对齐不了建议多换几行
                                <p class="five-words">
                                    图片是乱找的
                                </p>
                            </p>
                        </p>
                    </p>
                 </p>
            </div>
        </div>
        <p class="text0">
            使用Shared Memories平台有何意义？
        </p>
        <hr>
         <div class="text">
            <div class="photo2"> <img src="/图片/88563231_p0_master1200.jpg" height="500" ></div>
            <div class="text2">
                <h3>介绍1</h3>
                <p class="first-words">
                    这里可以插入一段介绍
                    <p class="second-words">
                        用于介绍左侧图片意义
                        <p class="third-words">
                            由于本人水平问题请使用p换行
                            <p class="four-words">
                                图片大小可以改，文本对齐不了建议多换几行
                                <p class="five-words">
                                    图片是乱找的
                                </p>
                            </p>
                        </p>
                    </p>
                 </p>
            </div>
        </div> 
        <p class="text3">
            如何参与到Shared Memories的搭建中？
        </p>
        <hr>
        <div class="text">
            <div class="photo1"><img src="/图片/82291764_p0_master1200.jpg" height="500" ></div>
            <div class="text1">
                <h3>介绍1</h3>
                <p class="first-words">
                    这里可以插入一段介绍
                    <p class="second-words">
                        用于介绍左侧图片意义
                        <p class="third-words">
                            由于本人水平问题请使用p换行
                            <p class="four-words">
                                图片大小可以改，文本对齐不了建议多换几行
                                <p class="five-words">
                                    图片是乱找的
                                </p>
                            </p>
                        </p>
                    </p>
                 </p>
            </div>
        </div>
        <p class="text3">
            谁在使用Shared Memories？
        </p>
        <hr>
        <ul>
            <p class="text4">暂时还没有人</p>
            <p class="text4">暂时还没有人</p>
            <p class="text4">暂时还没有人</p>
            <p class="text4">暂时还没有人</p>
        </ul>
        <hr>
        <h2 class="text4">
            Shared Memories欢迎你的加入！
        </p>
        <hr>
</body>
</html>